/*居中区域*/
.wrap{width:85.79vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1580px){ .wrap{width:88.79vw} }
@media (max-width:1440px){ .wrap{width:92.79vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 35px} }
@media (max-width:768px){ .w1200, .wrap{width:100%;padding:0 15px} }

/*公共导航*/
header{width:100%;height:100;position:fixed;top:0;left:0;z-index:19}
/* background-image:url(../image/navbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover */
.headbot{
    height:100px;
    transition:0.5s ease 0s;
    -webkit-transition:0.5s ease 0s;
    -moz-transition:0.5s ease 0s;
    background: rgba(255,255,255,0.5);
}
.headbot:after{content:"";width:100%;height:207px;background-image:url(../image/navbg.png);position:absolute;top:0;left:0;z-index:-1;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.headbot.cur{background-color:#fff;box-shadow:0px 4px 28px rgba(0,0,0,0.04)}
.headbot.cur:after,
.headbot.cur2:after{display:none}
.headbot.cur2{background-color:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.headbot .logo{height:100px;padding:10px 16px 0 14px;}
.headbot .navleft{margin-left:3.28vw}
.navitem-name{position:relative;padding:0 2.44vw}
.navitem-name a{position:relative;z-index:2;overflow:hidden;text-align:center;display:block;font-size:18px;line-height:100px;color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navitem-name a,
.headbot.cur2 .navitem-name a{color:#000}
.navitem.cur .navitem-name a{color:#1263aa}
.navright .lanbox .lanitem{display:block;color:#fff;line-height:100px;font-size:16px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}

.navright .telbox{color:#fff;line-height:102px;margin-left:1vw;font-size:16px;font-family:Arial}
.headbot.cur .navright .telbox,
.headbot.cur .quicklinkstop{color:#1263aa}
.quicklinks{position:relative}
.quicklinkstop{line-height:100px;font-size:16px;color:#fff;margin-left:1vw;cursor:pointer}
.quicklinksbot{width:140px;position:absolute;top:100px;left:50%;margin-left:-70px;background-color:#fff;padding:6px 0;z-index:-1;visibility:hidden;opacity:0}
.quicklinkslist{display:block;color:#666;line-height:32px;text-align:center}
.quicklinks.cur .quicklinksbot{z-index:3;visibility:visible;opacity:1}

.headbot.cur .navright .lanbox .lanitem,
.headbot.cur2 .navright .lanbox .lanitem{color:#000}
.navright .lanbox span.lanitem{margin:0 10px}
.navright .search .icon{width:22px;height:100px;margin-left:3.28vw;cursor:pointer;background-image:url(../image/h-searchbtn.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navright .search .icon,
.headbot.cur2 .navright .search .icon{background-image:url(../image/h-searchbtn_cur.png)}
.navright .searchbox{width:100%;height:280px;position:fixed;top:100px;transform:translateY(-100%) translateZ(0);-webkit-transform:translateY(-100%) translateZ(0);-moz-transform:translateY(-100%) translateZ(0);left:0;visibility:hidden;opacity:0;z-index:-1;background-color:#fff;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-webkit-transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-moz-transition:0.75s cubic-bezier(.77,0,.175,1) 0s}
.navright .searchbox.cur{visibility:visible;opacity:1;z-index:19;transform:translateY(0) translateZ(0);-webkit-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0)}
.navright .searchbox .box{height:75px;border-bottom:1px solid #d9d9d9}
.navright .searchbox .input{width:1400px;margin:0 20px;height:75px}
.navright .searchbox .input input{width:100%;height:74px;font-size:20px;padding:0 20px}
.navright .searchbox .input input::-webkit-input-placeholder{color:rgba(203,203,203,1)}
.navright .searchbox .searbtn,
.navright .searchbox .close{line-height:75px;cursor:pointer}
.navright .searchbox .searbtn img,
.navright .searchbox .close img{display:initial;vertical-align:middle}
.navright .searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox{width:100%;background-color:#f3f3f3;padding:56px 0 50px;position:absolute;top:100px;left:0;visibility:hidden;z-index:-1;opacity:0}
.navitem.cur .childbox{visibility:visible;z-index:19;opacity:1;transition:0.75s ease 0s;-webkit-transition:0.75s ease 0s;-moz-transition:0.75s ease 0s}
.navitem .childbox .title{color:#000;font-size:36px;padding-bottom:26px;border-bottom:1px solid #e4e4e4}
.navitem .childbox .items{margin-top:46px}
.navitem .childbox .item{width:25%;margin-bottom:30px;font-size:16px;color:#666;display:block;padding-left:20px;background-image:url(../image/navchild-r.png);background-repeat:no-repeat;background-position:left center}
.navitem .childbox .bot{margin-top:60px;}
.navitem .childbox .bot .box{cursor:pointer}
.navitem .childbox .bot .box .text{color:#000;font-size:18px;margin-right:22px;line-height:1}
.navitem .childbox .bot .box:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox .imgitem{width:23.5%;margin-right:2%;position:relative}
.navitem .childbox .imgitem:nth-last-of-type(1){margin-right:0}
.navitem .childbox .imgitem .img{background-color:#000}
.navitem .childbox .imgitem .textbox{width:100%;position:absolute;bottom:6%;left:0;color:#fff;font-size:18px;text-align:center;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.navitem .childbox .imgitem:hover .textbox{bottom:45%}
.navitem .childbox .imgitem:hover .img img{opacity:0.5}
.foot {border-top: 1px solid #eee;}
.foottop{padding:5vw 0 4.52vw}
.foottop .footcon{max-width:260px}
.foottop .footcon .textbox{margin-top:30px}
.foottop .footcon .list{color:#666;line-height:1.4;margin-bottom:14px}
.foottop .footcon .list:nth-last-of-type(1){margin-bottom:0}
.foottop .footcon .tel {position: relative;padding-left: 66px;}
.foottop .footcon .tel span {display: inline-block;position: absolute;left: 0;top: 0;z-index: 10;width: 66px;}
.footmap{margin-left:160px}
.footmaplist{width:205px}
.footmaplist:nth-last-of-type(1){width:auto}
.footmaplist:nth-last-of-type(1) a.name{display:block}
.footmaplist .name{color:#4b4948;font-size:18px;margin-bottom:24px;font-weight: 700}
.footmaplist .childitem{line-height:30px;display:block;color:#666;font-size:14px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footmaplist .childitem:hover{color:#0068b7}
.footmaplist .childitem:nth-last-of-type(1){margin-bottom:0}
.foottop .qrcode {width: 122px;text-align: center;}
.foottop .qrcode img {width: 100%;}
.foottop .qrcode p {font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;}
.copyright {text-align: center;}
.copyright,.copyright a {font-size: 14px;color: #666;line-height: 24px;}
.copyright a:hover {color: #1263aa}
.footshare{margin-right:10px}
.footslist{width:45px;height:45px;border:1px solid #d2d2d2;cursor:pointer;background-repeat:no-repeat;background-position:center center;margin-right:10px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footslist:hover{background-color:#0068b7;border:1px solid #0068b7}
.footslist:nth-last-of-type(1){margin-right:0}
.footslist:nth-of-type(1){background-image:url(../image/fs1.png)}
.footslist:nth-of-type(1):hover{background-image:url(../image/fs1_cur.png)}
.footslist:nth-of-type(2){background-image:url(../image/fs2.png)}
.footslist:nth-of-type(2):hover{background-image:url(../image/fs2_cur.png)}
.footslist:nth-of-type(3){background-image:url(../image/fs3.png)}
.footslist:nth-of-type(3):hover{background-image:url(../image/fs3_cur.png)}
.footbot{padding:32px 0 50px;border-top:1px solid #eee;position: relative;}
.footbotlf{margin-top:24px}
.footbotlf .list,
.footbotlr .copybox,
.footbotlr .copyboxb,
.footbotlr .copyboxb a{color:#666;margin-right:22px;text-align:right}
.footbotlf .list:nth-last-of-type(1){margin-right:0}
.footbotlr .copybox,
.footbotlr .copyboxb,
.footbotlr .copyboxb a{margin-right:0}
.footbotlf .list:hover{color:#0068b7}

.waptop{padding:15px 0;border-bottom:1px solid #e8e8e8;text-align:center;display:none}
.waptop .text{display:inline-block;font-size:22px;vertical-align:middle;}
.waptop .icon{display:inline-block;vertical-align:middle;margin-left:10px}
.waptop .icon img{width:30px}

.wapbtnbox{width:28px;height:68px;position:relative;display:none;margin-left:15px}
.wapbtnbox span{width:28px;height:2px;display:block;background-color:#000;position:absolute;left:0}
.wapbtnbox span:nth-of-type(1){top:24px}
.wapbtnbox span:nth-of-type(2){top:32px}
.wapbtnbox span:nth-of-type(3){top:40px}
.wapbtnbox.cur span:nth-of-type(2){opacity:0}
.wapbtnbox.cur span:nth-of-type(1){top:32px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wapbtnbox.cur span:nth-of-type(3){top:32px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

/* 其它公共 */
.pageban{position:relative}
.pageban .textbox{position:absolute;top:40%;left:75%;opacity:0;margin-left:-42.895vw;z-index:10;transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s}
.pageban .textbox.cur{left:50%;opacity:1}
.pageban .textbox .type .line{width:50px;height:1px;margin-top:13px;margin-right:10px}
.pageban .textbox .type .text{font-size:16px;}
.pageban .textbox .title{font-size:48px;line-height:1.2;margin-top:10px}
.pageban .textbox .desc {font-size: 24px;color: #000;margin-top: 12px;text-align: left}
.pageban .textbox .more{width:56px;height:56px;margin-top:80px;display:block;font-size:18px;border:1px solid;text-align:center;line-height:56px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun';}
.pageban .textbox .more:hover{background-color:#0086e8;border-color:#0086e8 !important;color:#fff !important;border-radius:4px}

.m-bann,
.wapother{display:none}
.m-bann img{width:100%}
.scrolltop{
    width:45px;
    height:45px;
    cursor:pointer;
    border: 1px solid #d2d2d2;
    background-image:url(../image/gotop.png);
    background-repeat:no-repeat;
    background-position:center center;
    transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    -webkit-transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    -moz-transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    position: absolute;
    right: 0;
    top: 40px;
    z-index:30;
}
.scrolltop:hover{background-color:#0068b7;background-image:url(../image/scrollt_cur.png);border-radius:4px;border-color: #0068b7;}
.scrolltop.cur{opacity:1}

.pager{text-align:center}
.pager .pagerlist{display:inline-block;width:36px;height:36px;margin:0 3px;font-size:24px;text-align:center;line-height:36px;vertical-align:middle}
.pager .pagerlist.cur,
.pager .pagerlist:hover{color:#1263aa}
.pager .pagerlist.pagers{font-family:宋体, 'SimSun';font-size:22px;font-weight:bold;}
.wappager{width:100%;height:42px;background-color:#32b400;line-height:42px;color:#fff;text-align:center;margin-top:25px;display:none}

.footline{border-top:1px solid #eee}

@media (max-width:1820px){
    .footmaplist{width:13.95vw}
}

@media (max-width:1580px){
    .footmaplist{width:12.45vw}
    .navright .searchbox .input{width:1000px}
    .pageban .textbox{margin-left:-44.395vw}
    .footshare{margin-left:3vw}
}
@media (max-width:1440px){
    .navright .searchbox .input{width:800px}
    .footmap{margin-left:4vw}
    .footshare{margin-left:12px}
    .pageban .textbox{margin-left:-46.395vw}
    .pageban .textbox .title{font-size:34px}
    .pageban .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
}
@media (max-width: 1366px) {
    .footmaplist{width: 13vw;}
}
@media (max-width: 1280px) {
    .navitem-name{padding:0 1.4vw}
}
@media (min-width:1024px){
    .navitem:hover .navitem-name a,
    .navright .lanbox a.lanitem:hover{color:#0086e8}
    .navitem .childbox .item:hover{color:#1263aa;background-image: url(../image/navchild-rcur.png);}
}

@media (max-width:1024px){
    .footline{border-top:none}
    header{height:68px;background-color:#fff;background-image:none;position:relative;overflow:hidden}
    header.cur{overflow:initial}
    .headrightbox{min-width:initial}
    .headbot{height:68px;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
    .pageright, .hsignupbtn, .navchildbox .img, .navchildbox .textbox,
    .navrightbox, .navitem-name a:after, .scrolltop, .headbot:after, .navright .telbox, .quicklinks{display:none}
    .loginbox .waptext, .wapbtnbox, .headbot .waplogo{display:block}
    .headbot .logo{height:68px;padding:25px 0}
    .headbot .logo img{width:150px}
    .loginbox{margin-right:15px}
    .loginbox .text{line-height:68px}
    .headbtnbox .icon,
    .navbox .top .name{line-height:68px}
    .headbtnbox .list{margin-right:10px}
    .navitems .navitem{width:100%}
    .navitems .navitem .navitem-name{padding:0 15px;border-bottom:1px solid #c5c5c5;padding-right:40px}
    .navitems .navitem .navitem-name:before{content:">";color:#000;font-size:22px;font-family:宋体, 'SimSun';font-weight:bold;line-height:52px;position:absolute;top:0;right:15px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
    .navitems .navitem .navitem-name.cur:before{right:20px;color:#1263aa;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .navitems .navitem .navitem-name a{text-align:left;line-height:52px;font-size:20px;color:#000;display:inline-block}
    .navitems .navitem .navitem-name.cur a{color:#1263aa}
    .childnavitems .childnavitem:after{width:6px;height:6px;border-radius:6px;margin-top:-3px}
    .navchildbox{position:static;visibility:visible;opacity:1;display:none;background-image:none;background-color:#f6f6f6;box-shadow:none;z-index:8;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transition:0s ease 0s;-webkit-transition:0s ease 0s;-moz-transition:0 ease 0s}
    .navchildbox .w1200{padding:0}
    .childnavitems{width:100%;margin-left:0;margin-top:0;float:none}
    .navitems .navitem .childnavitems .childnavitem{width:100%;height:38px;line-height:38px;display:block;margin-right:0;margin-bottom:0;float:none}
    .foottop{padding:0 0 45px}
    .pagenav, .m-bann, .wapfootbox, .wapfoot{display:block}
    .pagernav, .indexbanner, .foottop .mapbox, .footother, .footcopybox{display:none}
    .wapother .footother, .wapother .footcopybox{display:block}
    .headbot .navleft{width:100%;height:calc(100vh - 68px);overflow-y:auto;background-color:#fff;position:fixed;top:68px;left:100%;z-index:19;margin-left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .headbot .navleft.cur{left:0}
    .navright .lanbox .lanitem{line-height:68px;display:none;color:#000}
    .navright .lanbox a.lanitem:nth-of-type(1){display:block}
    .navright .search .icon{height:68px;margin-left:20px;background-image: url(../image/h-searchbtn_cur.png);background-size:18px auto;position:relative}
    .navright .search .icon:after{content:"";width:1px;height:16px;position:absolute;top:26px;left:-10px;background-color:#e9e9e9}
    .navright .searchbox{top:68px;height:106px}
    .navright .searchbox .input{width:calc(100% - 84px);height:56px;margin:0 10px}
    .navright .searchbox .input input{height:55px;padding:0 5px;font-size:16px}
    .navright .searchbox .searbtn, .navright .searchbox .close{line-height:56px}
    .navright .searchbox .box{width:calc(100% - 30px);margin:0 auto;height:56px}
    .navright .searchbox .searbtn img, .navright .searchbox .close img{width:26px}
    .navitem .childbox{position:static;background-color:#f9f9f9;display:none;visibility:visible;z-index:10;opacity:1;padding:10px 0;top:0;transition:none;-webkit-transition:none;-moz-transition:none}
    .navitem .childbox .items{margin-top:0}
    .navitem .childbox .item{width:100%;margin-bottom:0;line-height:38px}
    .navitem .childbox .imgitem{width:49%;margin-right:2%;margin-bottom:10px}
    .navitem .childbox .imgitem:nth-of-type(2n){margin-right:0}
    .navitem .childbox .imgitem .textbox{font-size:16px;bottom:15px}
    .footmap{margin-left:0;float:left;width:100%}
    .footmaplist, .footmaplist:nth-last-of-type(1){width:100%;margin-left:0}
    .footmaplist .name{font-size:16px;height:50px;line-height:50px;border-bottom:1px solid #e8e8e8;position:relative;margin-bottom:0}
    .footmaplist .name:after{content:"";width:14px;height:2px;background-color:#4b4948;position:absolute;top:50%;margin-top:-1px;right:0}
    .footmaplist .name:before{content:"";width:2px;height:14px;background-color:#4b4948;position:absolute;top:50%;margin-top:-7px;right:6px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .footmaplist .name.cur:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .footmaplist .childitems{padding:10px 0;display:none}
    .footmaplist .childitem{padding:0 10px;font-size: 15px;}
    .foottop .wrap {display: flex;flex-flow: wrap;}
    .footmap {order: 0;}
    .foottop .qrcode {width:80px;order: 2;margin-top: 10px;}
    .foottop .footcon{max-width:100%;margin-top:25px;order: 1;}
    .foottop .footcon .textbox{margin-top:15px}
    .foottop .footcon .list{margin-bottom:8px}
    .foottop .footcon .list.name{font-size:18px;color: #333;font-weight: 700}
    .footshare{margin-left:0;margin-top:10px}
    .footslist{width:38px;height:38px}
    .footbotlf .list{margin-right:2vw}
    .footbotlf{margin-top:0}
    .footbot{padding:25px 0}
    .footbotlr{margin-top:15px}
    .footbotlr .copybox, .footbotlr .copyboxb, .footbotlr .copyboxb a{text-align:left}

    .wappager, .waptop{display:block}
    .pager, .navitem .childbox .title, .navitem .childbox .bot{display:none}

    .pageban .textbox{width:100%;top:15%;margin-left:50%;left:0;padding: 0 15px}
    .pageban .textbox.cur{left:-50%}
    .pageban .textbox .type .line{width:24px;margin-top:10px;margin-right:6px}
    .pageban .textbox .type .text{font-size:14px}
    .pageban .textbox .title{font-size:20px;margin-top:4px}
    .pageban .textbox .more{width:32px;height:32px;line-height:32px;margin-top:15px;font-size:16px}
    /* .navright .telbox{color:#333}
    .quicklinkstop{line-height:68px;color:#333}
    .quicklinksbot{top:68px} */
}

@media (max-width:370px){
    /* .footleft .ewmlist .img{height:66px;line-height:66px} */
    .navother .lanbox .name{font-size:14px}
    .navother .lanbox{margin:0 10px 0 0}
    .navother .shop{font-size:14px;margin-right:10px}
    .headbot .waplogo{width:46%;padding:10px 0}
    .wapbtnbox span,
    .wapbtnbox{width:24px}
    .navother .shop{padding-left:24px;background-size:20px 20px}
    .headbot .waplogo .text{margin:0}
    .headbot .waplogo .icon img{width:6px;margin-top:4px}
}